$(function(){
//扫码或账号登录选项卡

$("#option div").on("click",function(){//注册点击事件
    $(this).addClass("active").siblings("div").removeClass("active") //设置选中样式
    let index=$(this).index() //获取获取索引
    $("#optionCon li").eq(index).addClass("on").siblings("li").removeClass("on")  //设置索引相同的选项内容显示
})

// 注册事件，输入内容不为空显示清除按钮
$(".userName input").on("keyup", function () {
    let len=$(this).val().length
    //判断
    if (len > 0) {
        $(".delete").css("display","block")
    } else {
        $(".delete").css("display","none")
    }
})

// 注册事件，点击清除按钮，清空内容,并隐藏按钮
$(".delete").on("click", function () {
    $(".userName input").val(" ")
    $(".delete").css("display","none")
})

// 注册事件，输入密码不为空显示眼睛
$(".password input").on("keyup", function () {
    // 判断
    let len=$(this).val().length
    if (len > 0) {
        $(".eye").css("display","block")
    } else {
        $(".eye").css("display","none")
    }
})

// 定义标杆
let flag = true
// 注册事件，点击眼睛切换明暗文，且切换眼睛图标
$(".eye").on("click", function () {
    // 判断
    if (flag) {
        $(".password input").attr("type","text")
        $(this).attr("src","./imags/open.png")
    } else {
        $(".password input").attr("type","password")
        $(this).attr("src","./imags/close.png")
    }
    // 取反
    flag = !flag
})

// 表单验证
        // 定义标杆
        let loginFlag = {
            user: false,
            psd: false
        }
        // 注册事件，当用户名输入不合法时，显示提示文字
        $(".userName input").on("blur", function () {
            // 建立规则
            let reg = /^[a-zA-Z]\w{5,11}$/ //以字母开头，后面可以是字母数字下划线，共6-12位
            // 验证
            let usernameResult = reg.test($(this).val())
            // 判断
            if (usernameResult) {
                $(".userNameMsg").text("")
                loginFlag.user = true
            } else {
                $(".userNameMsg").text("6-12位以字母开头，后跟字母数字下划线") 
                loginFlag.user = false
            }
        })

        // 注册事件，当密码输入不合法时，显示提示文字
              $(".password input").on("blur", function (){
            // 建立规则
            let reg = /^[a-zA-Z]\w{5,11}$/ //以字母开头，后面可以是字母数字下划线，共6-12位
            // 验证
            let psdResult =  reg.test($(this).val())
            // 判断
            if (psdResult) {
                $(".psdMsg").text("")
                loginFlag.psd = true
            } else {
                 $(".psdMsg").text("6-12位以字母开头，后跟字母数字下划线")
                loginFlag.psd = false
            }
        })

       // 注册事件，提交时验证用户名和密码是否合法
       $(".logButton").on("click", function () {
            // 判断
            if (loginFlag.user === false) {
                $(".userNameMsg").text("6-12位以字母开头，后跟字母数字下划线") 
            } else if (loginFlag.psd === false) {
                $(".psdMsg").text("6-12位以字母开头，后跟字母数字下划线")
            } else {
                location.href = './success.html'
            }
        })




})